<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="lib/easeljs-0.7.1.min.js"></script>
</head>
<body onload="init()">
	<canvas id="mycanvas" width="500px" height="500px" style="border: 1px solid #ccc;"></canvas>
</body>
</html>
<script>
	var stage;
	function init() {
		stage = new createjs.Stage(document.getElementById("mycanvas"));
		createjs.Ticker.addEventListener("tick", function(e){
			stage.update();
		})
		createjs.Ticker.setFPS(60);
		start();
	}
	function start() {
		stage.enableMouseOver();
		var circle = new createjs.Shape();
		circle.graphics.beginFill("blue").drawCircle(0,0,50);
		circle.x = stage.canvas.width/2;
		circle.y = stage.canvas.height/2;
		circle.name = "blue circle";
		stage.addChild(circle);
		circle.cursor ="pointer"
		circle.addEventListener("mousedown",function(e){
			stage.addEventListener("stagemousemove",function(e){
				circle.x = stage.mouseX;
				circle.y = stage.mouseY;
			})
			stage.addEventListener("stagemouseup",function(e){
				e.target.removeAllEventListeners();
			})
		})
	}
</script>